<template>
  <div class="transfer_success">
    <div class="content">
      <i class="iconfont icon-chenggong"></i>
      <h2>Transfer success</h2>
      <span class="money">{{money}}</span>
      <span>Transfer accountsCNY</span>
    </div>
    <div class="return">
      <span class="public_btn" @click="goIndex">Return to the home page</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'transferSuccess',
  data () {
    return {
      money: this.$route.query.money
    };
  },
  methods: {
    goIndex () {
      this.$router.push('index');
    }
  }
};
</script>

<style lang="scss" scoped>
  .transfer_success{
    background-color: #f5f5f5;
    .content{
      width: 100%;
      height: 620px;
      background-color: #fff;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding-top: 108px;
      font-size: 26px;
      color: #666;
      margin-bottom: 96px;
      .iconfont{
        font-size: 128px;
        margin-bottom: 56px;
        color: #2dcb73;
      }
      h2{
        font-size: 36px;
        color: #282828;
        margin-bottom: 102px;
      }
      .money{
        font-size: 48px;
        color: #282828;
        margin-bottom: 20px;
      }
    }
    .return{
      width: 100%;
      text-align: center;
    }
  }
</style>
